<template>
  <div class="apartApplyBut">
      <div class="headCrm-reapirman mlcbg">
        <p class="billHead">
          <span class="el-icon-arrow-left" @click="returnPage"></span>
          <span class="headFont">配件申请</span>
          <button class="submit-follow" @click="submitApply">提交</button>
        </p>          
      </div>

      <div class="contentCrm-reapirman">
        <el-form :model="applyList"  ref="followList" class="demo-followList">
          <ul class="applyList">
              <li>
                  <span>申请类型</span>
                  <span class="f_fr">领用</span>
              </li>
              <li>
                  <span>配件名称</span>
                  <span class="el-icon-arrow-right f_fr" @click="goodsSelect"></span>
                  <span class="goodsSelect" @click="goodsSelect">加厚铁艺角码L型码角铁支架</span>
              </li>   
              <li>
                  <span>仓库</span>
                  <!-- <input type="text" v-model="tiar.numPlace"> -->
                  <span class="el-icon-arrow-right f_fr" @click="storehouse"></span>
                  <span class="totalHouse" @click="storehouse">总仓</span>
              </li>        
              <li>
                  <span>数量</span>
                  <input type="text" v-model="applyList.num">
              </li>  
              <li>
                  <span>单价</span>
                  <input type="text" v-model="applyList.unitPrice">
              </li>
              <li>
                  <span>总价</span>
                  <input type="text" v-model="applyList.totalPrice">
              </li>                
          </ul>
        </el-form>
      </div>

      <div class="footCrm-reapirman">
      </div>
  </div>
</template>

<script>
    //import Footer from '../components/Footer.vue';//引入组件
    export default {
        name: 'apartApplyBut',
            // components: {delivery
            //     Footer
            // },
        data() {
            return {
                applyList:{
                    num:'3',
                    unitPrice: '33',
                    totalPrice: '99',

                },
                selected: '',
            }
        },
        mounted: function(){
        },
        methods: {
            goodsSelect:function(){
                this.$router.push({
                    path:'/partGoodsSelection'
                })                  
            },
            returnPage:function(){
                this.$router.push({
                    path:'/parts'
                })           
            },
            submitApply:function(){
                this.$router.push({
                    path:'/parts'
                })                   
            },
            storehouse:function(){
                this.$router.push({
                    path:'/partStorehouse'
                })                 
            }
        },
    }
</script>

<style scoped>
/* headCrm */
  .headCrm-reapirman{
        width:100%;
  }
  .billHead{
    text-align:center;
    font-size: 0.33rem;
    color:#fff;  
    padding:0.33rem 0; 
    clear: none; 
  }
  .el-icon-arrow-left{
      position:absolute;
      left: 0.3rem;
      top:0.2rem;
      font-size: 0.6rem;
  }
  .submit-follow{
      width: 1rem;
      position:absolute;
      right: 0.3rem;
      top:0.25rem;
      background-color: #ff5000;
      line-height:0.5rem;
      text-align:center;
      color:#fff;
      border: 0.01rem solid #ffffff;
      border-radius:0.33rem;
      box-shadow:0.05rem 0.05rem 0.1rem #646464;;
  }

/* .contentCrm-reapirman */
  .contentCrm-reapirman{
    width: 90%;
    margin-left: 5%;
    color: #646464;
    /* padding-top: 4%; */
  }
  .contentCrm-reapirman ul li{
    /* display:inline-block; */
    padding-top: 0.44rem;
    font-size: 0.33rem;
  }
  .el-form-item{
      margin: 0;
  }
  .but-switcha{
    position:absolute;
    top:25.5%;
    right: 5%;
  }
  .but-switchb{
    position:absolute;
    top:31%;
    right: 5%;
  }
  .el-textarea__innera{
      line-height:11rem;
  }
  .selectScheme{
    border:none;
    float: right;
    font-size:0.33rem;
    color: #646464;
  }
  .selectScheme option{
    font-size:0.25rem;
    /* border:none; */
  }
  .applyList li input{
    float: right;
    border:none;
    text-align:right;
    width: 2rem;
    color: #646464;
  }
  .totalHouse{
      margin-left: 4.9rem;
  }
  .goodsSelect{
      margin-right: 0.1rem;
      float: right;
  }

</style>
